@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.munes,.xxl,.footer .f1{ display:none;}
	#hamburger,.xl{ display:block;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:52px;}
}

/*index*/
@media screen and (max-width: 1800px) {
	.header .mune { padding: 35px 0 0 75px;}
	.header .hs .hsh{ padding:32px;}
	.header .hs .lun { padding: 28px 20px;}
	.ia .tit h3{ font-size:3.2em; margin-bottom:10px;}
	.ia{ padding:60px 0 55px 0;}
	.ia .left .dots { width: calc(100% + 20px);  margin-left: -10px;}
	.ia .left .dot { width: calc(25% - 20px);  margin: 0 10px;}
	.ia .left { width: 52%;  padding: 0 20px 0 40px;}
	.ip .swiper-slide .txt h3{ font-size:2em;}
	.ip .swiper-slide .txt{ margin-bottom:30%;}
	.ip .swiper-slide .txt p{ margin-top:10px;}
	.ip .swiper-slide{ padding:30px 20px;}
	.is .txt h4{ font-size:1.6em; max-width:50%;}
}
@media screen and (max-width: 1700px) {

	.ia .left .dot img{ padding:25px;}
	.ia .left .dot h3{ font-size:3.2em;}
	.ia .left .dot p{ font-size:1.6em;}
	.ia .left a{ margin-top:24px;}
	.is .txt { padding: 40px 0 60px 0;}
	.is2 .dot h3{ font-size:2em; margin-bottom:20px;}
	.ic .txt h3{ font-size:3.2em;}
	.ic .txt h4{ font-size:1.8em; line-height:24px;}
	.ic .txt p { font-size: 1.8em;}
	.ic .dots .dot h3{ font-size:2.2em;}
	.ic .dots .dot img{ width:90px;}
	.footer .fo2 .d1 h3{ font-size:2.4em;}
	.footer .fo2 .d3 .fd .hp-input{ width:60%;}
	.footer .fo2 .d3{ padding:0 20px;}
	.footer .fo2 .d1{ padding:0 20px;}
	.warp{ padding:0 20px}
}
@media screen and (max-width: 1500px) {
	.ia .tit{ margin-bottom:30px;}
	.ia .left>p{ line-height:24px;}
	.ia .left .dot img{ padding:20px; width:40px;}
	.ia .left .dot h3{ font-size:2.4em; width:82px; padding:10px 0 5px 0;}
	.ia .left>p{ margin-bottom:10px;}
	.is .txt h3{ font-size:2.4em; margin-bottom:15px;}
	.is .txt a{ margin-top:30px;}
	.ic{ padding:40px 0 60px 0;}
	.ic .dots .dot img{ width:80px;}
	.footer .fo2 .d3 .two img{ width:100px;}
	.footer .fo2 .d3>*{ float:none; padding:20px; overflow:hidden;}
	.footer .fo2 .d3 .fd{ margin:0;}
	.footer .fo2 .d1 h3 span{ display:block;}
	.footer .fo2 .d2{ padding:20px;}
	.header .hs .hsh{ display:none;}
}
@media screen and (max-width: 1400px) {
	.banner{ margin-top:80px;}
	
	.banner .txt img{ max-height:40%;}
	.header .logo img{ width:160px;}
	.header .hs .lun{ padding:25px 20px;}
	.header .mune a{ padding:0 15px;}
	.ia .left{ padding:0 20px;}
	.ia .left .dot{ width:calc(50% - 20px); margin-bottom:20px;}
	.ia .left .dot .img{ float:left;}
	.ia .left .dot .t{float:left;padding:0 0 0 10px;width: calc(100% - 82px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.ia .left .dot h3{ text-align:left;}
	.ip .swiper-slide .txt{ margin-bottom:20%;}
	.ia .left .dot p{ height:44px;}
}
@media screen and (max-width: 1200px) {
	.ia .tit h3 { font-size: 2.8em; margin-bottom:5px;}
	.ia .tit p { font-size: 1.8em;}
	.ia .left .dot{ margin-bottom:10px;}
	.ia .left .dot img{ padding:10px; width:30px;}
	.ia .left a{ margin-top:0;}
	.is .txt h3{ margin-bottom:10px;}
	.is .txt p{ line-height:20px;}
	.ic .dots .dot img{ width:60px; margin-bottom:12px;}
	.ic .txt{ margin-bottom:30px;}
	.ia .left .dot h3{ padding:0 0 5px 0;}
	.ia .left .dot p{ font-size:1.4em;}
	.is2 .dot h3{ font-size:1.6em; line-height:37px;}
	.is2 .dot h3 img{ width:40px;}
	.is2 .dot h3{ margin-bottom:15px;}
	.ic .txt h3{ font-size:2em;}
	.ic .txt h4 { font-size: 1.8em; line-height: 20px;}
	.ic .txt p{ font-size:1.4em;}
	.ic .dots .dot h3{ font-size:1.6em;}
	.footer .fo2 .d3>*{ padding:0;}
	.footer .fo2 .d3{ padding:20px;}
	.footer .fo2 .d3 .two{ margin-bottom:10px;}

    .jobslist ul li .pl-top {
        padding: 10% 5% 15% 5%;
    }
}
@media screen and (max-width: 1100px) {
	.header .mune a{ font-size:1.4em;}
	.banner .swiper-slide .txt{ padding-top:5%;}
	.footer .fo2 .d3{ display:none;}
	.ia .left .dot p{ line-height:20px; height:60px;}
	.ia .right{ padding:0;}
}
@media screen and (max-width: 1024px) {
	.header .mune,.header .hs{ display:none;}
	#hamburger{ top:25px;}
	.header .logo, .header .mune { padding: 16px 20px;}
	.banner{ margin-top:58px;}
	
	.banner .txt img{ max-width:60%;}
	.ia .left .dot {  width: calc(25% - 20px);}
	.ia { padding: 40px 0;}
	.ia .left { padding:0; width: 100%; margin-bottom:20px;}
	.ia .right{ width:100%; max-width:600px;}
	.ip .swiper-slide .txt{ margin-bottom:40px;}
	.is2 .dot{ padding:20px;}
	.is2 .dot p{ line-height:20px; height:80px;}
	.ic{ padding:40px 0;}
	.footer .fo1,.footer .fo2{ display:none;}
	.is2 .dot h3 span{ display:block; margin-bottom:20px;}
	.ic .txt p{ line-height:20px;}
     .jobslist ul li {
        width: 49%;
        margin: 0 0.5% 2%;
    }

   .jobslist ul li .pl-top h6 {
            font-size: 2.2em;
        }

    
}
@media screen and (max-width: 800px) {
	.ia .left .dot {  width: calc(50% - 20px);}
	.ia .left .dot p { height: 40px;}

	.ia .tit{ margin-bottom:15px;}
	.is2 .dot{ float:none; width:100%; border-right:none; border-left:none; }
	.banner .txt img{ max-width:80%;}
	.is2 .dot p{ height:fit-content;}
	.ic .dots .dot{ margin:0 20px;}
	
}
@media screen and (max-width: 600px) {
	.banner{ margin-top:49px;}

	.header .logo img{ width:100px;}
	#hamburger{ top:20px; right:15px;}
	.ia .tit h3 { font-size: 2.4em; margin-bottom:0px;}
	.ia .tit p{ font-size:1.6em;}
	.ip .swiper-slide .txt h3{ font-size:1.6em; line-height:20px; }
	.ip .swiper-slide .txt h3{ height:20px;}
	.is .txt h4{ max-width:100%;}
	.ic .txt h4 { font-size: 1.4em;}

    .jobslist ul li {
        background-color: #FFF;
    }
}
@media screen and (max-width: 500px) {

	.ia .left>p{ line-height:20px;}
	.ia .left .dot{width: calc(50% - 20px);}
	.ia .left .dot p{height: 40px;}
	.ia .left a{ margin-top:0px;}
	.banner .txt img{ max-width:95%; padding-top:40px;}
	.ip .swiper-slide .img{ width:80%;}
	.footer .fo3 p{ line-height:20px;}
	.footer .fo3 p span{ padding:0;}
	.ia .left .dot { margin:0; width: calc(50% - 0px);}
	.ia .left .dots { width: calc(100%);  margin-left: 0px;}
    .jobslist ul li {
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 3%;
    }
}

/*news*/
@media screen and (max-width: 1200px) {
	.news-t { padding: 50px 0;}
	.news-t .dot .t h3{ font-size:2.4em;}
	.banners,.banners .warp{ height: 400px;}
}
@media screen and (max-width: 1024px) {
	.news-t .dot .t h3{ font-size:2em; line-height:20px; height:40px;}
	.news-t .dot p{ margin-bottom:30px;}
	.banners .txts{ padding-top:8%;}
	.banners .txts h3 { font-size: 3.2em;}
}
@media screen and (max-width: 800px) {
	.banners,.banners .warp{ height: 300px;}
	.news-t { padding: 40px 0;}
	.news-t .dots{ width:calc(100%); margin-left:0px;}
	.news-t .dot{ width:calc(50% - 20px); margin:10px;}
	.lead .warp2>* { font-size: 1.4em;}
}
@media screen and (max-width: 650px) {
	.banners .txts h3{ font-size:2.4em; margin-bottom:5px;}
	.banners .txts h4{ font-size:1.4em;}
	.news-t .dot {  width: calc(100% - 20px);}
}
@media screen and (max-width: 500px) {
	.banners,.banners .warp{ height: 240px;}
	.news-t { padding:30px 0;}
	.news-t .dot .t h3{ font-size:1.6em;}
	.news-t .dot .t h4 { font-size: 1.4em; margin-bottom:10px;}
	.news-t .dot p{ margin-bottom:20px;}
	.banners .txts { padding-top: 18%;}
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*contact*/
@media screen and (max-width: 1400px) {
	#container{ height:500px;}
	.contact-t { padding: 40px 0;}
}
@media screen and (max-width: 1200px) {
	.contact-t .left .t h3 { font-size: 2.4em;}
	.contact-t .left .t p{ font-size:1.4em; line-height:20px;}
	.contact-t .left .dots .dot{ margin-bottom:5px;}
	.contact-t .right{ margin-top:6%;}
	.contact-t .right .dot{ width:calc(100% + 10px); margin-left:-5px;}
	.contact-t .right .dot .fc-input{ float:left; width:calc(50% - 10px); margin:0 5px 15px 5px;}
	.contact-t .left .dots .dot p{ line-height:24px;}
	.contact-t .left .dots .dot p span{ font-size:20px;}
}
@media screen and (max-width: 800px) {
	.contact-t .left,.contact-t .right{ width:100%;}
	.contact-t .left .dots{ margin-top:25px;}
	.contact-t .right{ margin-top:20px;}
	.contact-t .right .fc-btn{ float:none; margin:0 auto; display:inline-block;}
	#container{ height:400px;}
	.contact-t .right .fc-input, .contact-t .right .fc-txt, .contact-t .right .fc-btn{ padding:12px 10px; margin-bottom:10px;}
	.contact-t .right .dot .fc-input { width: calc(100% - 10px); margin-bottom:10px;}
}
@media screen and (max-width: 600px) {
	.contact-t .left .t h3{ font-size:2em; line-height:20px; margin-bottom:10px;}
	.contact-t .left .dots .dot p{ line-height:20px;}
	.contact-t .left .dots .dot p span{ font-size:1.2em; }
	.contact-t .left .dots .dot>span img{ width:25px; margin-top:0;}
	.contact-t .left .dots .dot>span{ width:35px;}
	.contact-t .left .dots .dot p span,.contact-t .left .dots .dot p a{ line-height:24px;}
	.contact-t .left .dots .dot{ margin-bottom:10px;}
}
@media screen and (max-width: 450px) {
	.contact-t { padding: 30px 0;}
	.contact-t .left .t h3{ font-size:1.8em;}
	.contact-t .left .dots .dot p { width: calc(100% - 35px);}
}

/*product*/
@media screen and (max-width: 1250px) {
	.product-list a{ font-size:1.6em; padding:10px;}
}
@media screen and (max-width: 1024px) {
	.product-t .boxs{ width:calc(100%); margin-left:0px;}
	.product-t .box{ width:calc(33.33% - 20px); margin:20px 10px;  box-shadow:0 3px 8px rgba(0,0,0,0.2);}
	.product-t{ padding:20px 0;}
	.product-list{ padding-bottom:10px;}
	.product-list a{ font-size:1.4em; padding:4px 10px; margin: 7px 6px 7px 0;}
}
@media screen and (max-width: 800px) {
	.product-t .box { width: calc(50% - 20px); margin: 10px 10px;}
}
@media screen and (max-width: 500px) {
	.product-list a{ font-size:1.2em; padding:0px 5px; margin: 2px 2px 2px 0;}
	.product-t .box { float:none; width: calc(100% - 20px); margin: 10px 10px;}
}

/*productshow*/
@media screen and (max-width: 1024px) {
	.productshow-t { padding: 40px 0;}
	.productshow-t .box1 .t h3{ font-size:2.4em;}
	.productshow-t .box1 .t h4{ font-size:1.4em; line-height:20px;}
	.productshow-t .box1 .t{ margin-bottom:-20px;}
}
@media screen and (max-width: 800px) {
	.productshow-t .box2 .pt{ overflow:scroll;}
	.productshow-t .box2 .pt table{ width:800px;}
	.productshow-t .btn{ margin-top:20px;}
	.productshow-t .btn a{ margin:5px; width:100px; height:28px; line-height:28px; }
}
@media screen and (max-width: 600px) {
	.productshow-t .box1 .t{ margin-bottom:0px;}
	.productshow-t .box1 .t h3{ font-size:2em; margin-bottom:0;}
	.productshow-t { padding: 20px 0;}
	.productshow-t .btn a{ width:fit-content; padding:0 5px;}
}

/*service*/
@media screen and (max-width: 1860px) {
	.service-t .s1 .box .t { padding: 15px 15px 10px 15px;}
	.service-t .s1 .box .t p{ line-height:20px;}
}
@media screen and (max-width: 1750px) {
	.service-t .s1 .box .img{ width:350px;}
	.service-t .s1 .box .img img{ width:100%;}
	.service-t .s1 { padding: 60px 0 60px 0;}
	.service-t .s1 .warp{ padding:0 20px;}
	.service-t .s1 .boxs{ width:calc(100%);}
	.service-t .s1 .box{ float:left; width:calc(50% - 20px); margin:10px;}
}
@media screen and (max-width: 1650px) {
	.service-t .s1 .box{ float:left; width:calc(50%); margin:0px;}
	.service-t .s1 .box .t h3 { margin-bottom: 0px; font-size: 1.6em; line-height: 20px;}
	.service-t .tit h3 { font-size: 3.2em; margin-bottom:5px;}
	.service-t .tit h4{ font-size:1.6em; line-height:20px;}
	.service-t .s3 .boxs .dot img{ width:80px; margin-bottom:15px;}
	.service-t .s3{ padding:65px 0;}
	.service-t .s3 .tit{ margin-bottom:40px;}
	.service-t .s3 .boxs .dot p{ font-size:2em;}
}
@media screen and (max-width: 1550px) {
	.service-t .s1 .box .t h3{ margin-bottom:5px;}
	.service-t .s1 .box .t p{ line-height:18px;}
	.service-t .s1,.service-t .s2,.service-t .s3{ padding:50px 0;}
	.service-t .s2 .tit{ margin-bottom:30px;}
}
@media screen and (max-width: 1450px) {
	.service-t .s1 .box{ max-width:1200px; margin:0 auto;}
	.service-t .s1 .box .img{ width:300px;}
}
@media screen and (max-width: 1250px) {
	.service-t .s3 .boxs .dot{ padding-bottom:40px;}
	.service-t .s3 .boxs .dot p{ font-size:1.6em;}
	.service-t .s3 .boxs .dot img{ width:60px;}
	.service-t .s2 .box{ padding:12px 15px;  width:calc(50% - 20px); margin:10px 10px; }
	.service-t .tit h3 { font-size: 2.4em;}
	.service-t .tit h4{ font-size:1.4em;}
	.service-t .s1 .box{ width:100%; max-width:800px; float:none; margin:0 auto;}
}
@media screen and (max-width: 1024px) {
	.service-t .s3 .boxs .img,.service-t .s3 .boxs .dots{ width:100%;}
	.service-t .s3 .boxs .dots{ margin-top:20px; overflow:hidden;}
	.service-t .s3 .boxs .dot{ width:50%;}
	.service-t .s3 .boxs .dot{ padding-bottom:0;}
	.service-t .s2 .box { width: calc(100%); margin:5px 0;}
	.service-t .s2 .box span{ font-size:1.6em;}
	.service-t .s2 .tit,.service-t .s3 .tit{ margin-bottom:20px;}
}
@media screen and (max-width: 650px) {
	.service-t .s3 .boxs .dot{ width:100%; margin-bottom:20px;}
	.service-t .s3 { padding: 30px 0 20px 0;}
	.service-t .s3 .boxs{ padding:0;}
	.service-t .tit h3 { font-size: 2em;}
	.service-t .s1 .box{ width:100%;}
	.service-t .s1 .box>*{ display:block;}
	.service-t .s1 .box .t,.service-t .s1 .box .img{ width:100%;}
	.service-t .s1 .box { max-width:400px; margin:10px auto;}
	.service-t .s1 .box .t{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}

/*about*/
@media screen and (max-width: 1200px) {
	.about-t .tit h3{ font-size:3.2em}
	.about-t .a1,.about-t .a4,.about-t .a5{ padding:60px 0;}
	.about-t .a3{ padding:80px 0 0px 0;}
	.about-t .a1 .dots>h3{ padding:40px 0; font-size:2.4em;}
	.about-t .a1 .dot img{ padding:20px; width:40px;}
	.about-t .a1 .dot h3{ font-size:2.8em; line-height:20px; width:82px;}
	.about-t .a1 .dot p{ font-size:1.6em;}
}
@media screen and (max-width: 1024px) {
	.about-t .a3{ padding:40px 0 0px 0;}
	.about-t .tit h3{ font-size:2.4em}
	.about-t .a5 .tit,.about-t .a3 .tit{ margin-bottom:20px;}
	.about-t .a2 .tit{ padding:30px 0;}
	.about-t .tit h4{ font-size:1.4em;}
	.about-t .a1,.about-t .a4,.about-t .a5{ padding:40px 0;}
	.about-t .a1 .txt p{ margin-bottom:0px; margin-top:15px;}
	.about-t .a1 .dots>h3{ padding:20px 0;}
	.about-t .a1 .dot {  width: calc(25% - 20px);    margin: 0 10px;}
}
@media screen and (max-width: 800px) {
	.about-t .a1 .dot {  width: calc(50% - 20px); margin:10px;}
	.about-t .a1 .dot>*{ float:left;}
	.about-t .a1 .dot img { padding: 12px;  width: 25px;}
	.about-t .a1 .dot .t{ width:calc(100% - 51px); padding-left:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.about-t .a1 .dot .t h3{ padding:10px 0 5px 0; text-align:left;}
	.about-t .a1 .dots>h3{ font-size:2em; line-height:24px;}
	.about-t .a1 .dots p{ font-size:1.4em; height:40px;}
	.about-t .a3 .ia3-silder p { font-size: 1.4em; padding:6px;}
}
@media screen and (max-width: 650px) {
	.about-t .a3{ padding:20px 0 0px 0;}
	.about-t .a1,.about-t .a4,.about-t .a5{ padding:30px 0;}
	.about-t .a2 .ia2-silder .swiper-button-prev,.about-t .a2 .ia2-silder .swiper-button-next{ width:30px; height:30px; background-size:30px 30px;}
	.about-t .a1 .dot { margin:10px 5px; width:calc(50% - 10px);}
	.about-t .a1 .dots p{ font-size:1.4em; height:40px; line-height:20px;}
}